<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
  </head>

  <body>
    <div class="details">
      <div class="header1">
        <div class="jd-container"></div>
      </div>

      <div class="header2">
        <div class="jd-container">
          <div id="logo" class="logo fl">
            <h1 class="logo_tit">
              <img
                src="//img10.360buyimg.com/img/jfs/t1/192028/25/33459/5661/63fc2af2F1f6ae1b6/d0e4fdc2f126cbf5.png"
                style="
                  display: block;
                  height: 120px;
                  margin: 0px auto;
                  width: 100%;
                "
              />
            </h1>
          </div>
          <!-- 搜索 -->
          <div class="search fl">
            <div class="input-group">
              <input
                type="text"
                class="form-control"
                placeholder="请输入内容"
                aria-describedby="button-addon4"
              />
              <div class="input-group-append" id="button-addon4">
                <button class="btn btn-outline-secondary" type="button">
                  Button
                </button>
                <button class="btn btn-outline-secondary" type="button">
                  搜索
                </button>
              </div>
            </div>
            <div id="hotwords">
              <a class="red" href="" id="specHotWord" target="_blank"
                >装扮理想家</a
              >
              <a href="" target="_blank">荣耀手机</a>
              <a href="" target="_blank">领大额券</a>
              <a href="" target="_blank">京造家装</a>
              <a href="" target="_blank">300减50</a>
              <a href="" target="_blank">iPhone14</a>
              <a href="" target="_blank">OPPO上新</a>
              <a href="" target="_blank">卡地亚</a>
            </div>
          </div>
          <!-- 购物车 -->
          <div id="settleup" class="dropdown fl">
            <div class="cw-icon">
              <i class="iconfont icon-gouwuchekong"></i>
              <a href="">我的购物车</a>
              <i class="ci-count" id="shopping-amount">0</i>
            </div>
          </div>
          <!-- 右边的图片 -->
          <div id="treasure" class="fr"></div>
        </div>
      </div>

      <div class="content">
        <div class="jd-container">
          <div class="panel panel-default">
            <div class="panel-heading">
              <h3 class="panel-title title">商品详细信息</h3>
            </div>
            <div class="panel-body">
              <div class="media">
                <div class="media-left">
                  <a href="#">
                    <img
                      class="media-object goodsImg"
                      src="https://image4.suning.cn/uimg/b2c/newcatentries/0070159735-000000000611452816_1_200x200.jpg"
                      alt="..."
                    />
                  </a>
                </div>
                <div class="media-body">
                  <h4 class="media-heading goods-name"></h4>
                  <p>
                    <i class="">￥</i>
                    <span class="price">99.99</span>
                  </p>
                  <p>
                    <a
                      href=""
                      id="addCart"
                      class="btn btn-danger btn-lg"
                      role="button"
                      >加入购物车</a
                    >
                    <a
                      href="./car.html"
                      class="btn btn-success btn-lg"
                      role="button"
                      >查看购物车</a
                    >
                  </p>
                </div>
              </div>
            </div>
          </div>
          <div class="introduce">
            <ul class="nav nav-tabs" id="myTab" role="tablist">
              <li class="nav-item" role="presentation">
                <button class="nav-link active" id="profile-tab" type="button">
                  商品详情
                </button>
              </li>
              <li class="nav-item" role="presentation">
                <button
                  class="nav-link"
                  id="contact-tab"
                  type="button"
                  role="tab"
                >
                  评论
                </button>
              </li>
            </ul>
            <div class="introduce_conetnt"></div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>